<template>
  <!-- 头部 -->
  <header>
    <!-- 左 -->
    <slot name="left" class="left"></slot>
    <span class="header_title">
      <span class="header_title_text">{{ title }}</span>
    </span>
    <!-- 右 -->
    <slot name="right"></slot>
  </header>
</template>

<script>
export default {
  props: {
    title: String,
  },
};
</script>


<style lang="less" scoped >
header {
  display: flex;
  height: 45px;
  line-height: 45px;
  background-color: #3190e8;
  color: #fff;
  // position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
}
</style>